<style>
    @media screen and (max-width: 1249px ){
        p {
            margin: 0;
            text-align: center
        }

        p label {
            margin: 0 4%;
        }

        #div-logo{
            width: 100%;
            padding-bottom: 15px;
        }

        #box-input {
            width: 100%
        }

        #box-input input {
            width: 92%;
        }

        .fancy-line {
            display: block;
        }

        #sidebar-second {
            width: 95%;
        }
        
        .vr-fancy {
            background-size: 0px;
            -moz-background-size: 0px;
        }
    }

    @media (min-width: 1250px) {
        p {
            margin: 0;
            text-align: left
        }

        #div-logo{
            padding: 25px 30px 0 0;
            width: 44%
        }

        #box-input {
            padding-left: 30px;
            width: 47%
        }

        .fancy-line {
            display: none;
        }

        #div-error {
            padding-top: 20px;
        }

        #sidebar-second {
            width: 65%;
        }
    }
</style>
<div id="main-wrapper">
    <div class="container-12">
        <div id="main" class="clearfix" align="center">
            <aside id="sidebar-second" class="column column_right sidebar grid-" role="complementary" style="float: none; display: block; margin-top: 10%;">
                <div class="section">
                    <div class="region region-sidebar-second">
                        <section id="block-views-genres-block" class="block block-views block-even">
                            <div class="block-title">
                                <h3>Acesso restrito</h3>
                            </div>
                            <div id="box-login" class="content">
                                <div class="view view-genres view-id-genres view-display-id-block view-dom-id-ef6c8ca9563d57badacfe68188e9803a">
                                    <div class="view-content">
                                        <form action="<?php echo site_url('admin/login/do_login'); ?>" method="post">
                                            <div id="div-logo" class="left div-box-login">
                                                <img style="width: 312px !important;" src="<?php echo base_url('assets/imagens/logo_login.png'); ?>" alt="Início"/>
                                                <hr class="fancy-line"/>
                                                <div id="div-error">
                                                    <p>
                                                        <?php
                                                        // pegando o segmento de informacao na URL
                                                        switch ($this->uri->segment(4)) {
                                                            case 'informe_seus_dados':
                                                                echo '<div class="erro">Usuário ou senha não informado</div>';
                                                                break;
                                                            case 'usuario_nao_encontrado':
                                                                echo '<div class="erro">Nenhum usuário encontrado com as credenciais informadas</div>';
                                                                break;
                                                        }
                                                        ?>
                                                    </p>
                                                </div>
                                            </div>



                                            <div id="box-input" class="left div-box-login vr-fancy">
                                                <p>
                                                    <label for="login">Login</label>
                                                    <input size="50" type="text" value="" id="login" name="login" />
                                                </p>
                                                <p>
                                                    <label for="senha">Senha</label>
                                                    <input size="50" type="password" value="" id="senha" name="senha" />
                                                </p>
                                                <p style="padding-top: 10px;">
                                                    <input style="font-size: 1em;" type="submit" value="Efetuar Login" id="btnLogin" name="btnLogin" />
                                                </p>
                                            </div>
                                        </form>
                                    </div>
                                </div>		
                            </div><!-- /.content -->
                        </section><!-- /.block -->  
                    </div>
                </div>
            </aside>  

        </div><!-- /#main -->
    </div>
</div>